<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>物证信息库</title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <style>
        body {
            font-weight:bold;
        }
        .layui-body {
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-layout layui-layout-admin">
            <!--    头部导航栏-->
            <div class="layui-header">
                <ul class="layui-nav" lay-filter="" style="background-color: #1a206e">
                    <li class="layui-nav-item layui-col-md-offset4"><a href="../app/appcommit.html">鉴定申请</a></li>
                    <li class="layui-nav-item layui-this"><a href="../me/mecommit.html">物证信息库</a></li>
                    <li class="layui-nav-item"><a href="../fire/fireinfo.html">火灾信息库</a></li>
                    <li class="layui-nav-item"><a href="../ident/identify.html">物证鉴定</a></li>
                    <li class="layui-nav-item"><a href="../rev/revlist.html">审查</a></li>
                </ul>
                <div class="layui-logo layui-hide-xs" style="font-size: 21px; color: white; background-color: #1a206e">火灾物证鉴定系统</div>

                <!--        修改个人信息-->
                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                        <a href="javascript:;">
                            <i class="layui-icon layui-icon-username"></i>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="../user/usercenter.html"><i class="layui-icon layui-icon-edit"></i>&nbsp; 修改信息</a></dd>
                            <dd><a href="../user/login.html"><i class="layui-icon layui-icon-logout"></i>&nbsp; 退出</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                        <a href="javascript:;">
                            <i class="layui-icon layui-icon-more-vertical"></i>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 左侧导航区域-->
            <div class="layui-side" style="background-color: #1b227b">
                <div class="layui-side-scroll">
                    <ul class="layui-nav layui-nav-tree" lay-filter="test" style="background-color: #1b227b">
                        <li class="layui-nav-item layui-nav-itemed">
                            <a class="" href="../me/mecommit.html">提交物证信息</a>
                        </li>
                        <li class="layui-nav-item">
                            <a href="../me/melist.html">查看物证信息</a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 内容主体区域 -->
            <div class="layui-body">
                <div style="padding: 15px;">
                    <form class="layui-form layui-form-pane" th:action="@{/me/MEAdd}">
                        <div class="layui-form-item">
                            <label class="layui-form-label">所属火灾</label>
                            <div class="layui-input-inline" style="width: 500px">
                                <input type="text" name="FireInfoID" required  lay-verify="required" placeholder="请输入火灾编号" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">物证类型</label>
                            <div class="layui-input-inline" style="width: 500px">
                                <input type="text" name="METype" required  lay-verify="required" placeholder="请输入物证类型" autocomplete="off" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">物证描述</label>
                            <div class="layui-input-block" >
                                <textarea name="MoreInfo" placeholder="请输入详细描述" class="layui-textarea" ></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formDemo" style="background-color: #1a206e">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>

                    <script>
                        //Demo
                        layui.use('form', function(){
                            var form = layui.form;

                            //监听提交
                            form.on('submit(formDemo)', function(data){
                                layer.msg(JSON.stringify(data.field));
                                return false;
                            });
                        });
                    </script>

                </div>
            </div>

            <div class="layui-footer">
                <!-- 底部固定区域 -->
                底部固定区域
            </div>
    </div>
    <script src="/layui/layui.js"></script>
    <script>
        //JS
        layui.use(['element', 'layer', 'util'], function(){
            var element = layui.element
                ,layer = layui.layer
                ,util = layui.util
                ,$ = layui.$;

            //头部事件
            util.event('lay-header-event', {
                //左侧菜单事件
                menuLeft: function(othis){
                    layer.msg('展开左侧菜单的操作', {icon: 0});
                }
                ,menuRight: function(){
                    layer.open({
                        type: 1
                        ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                        ,area: ['260px', '100%']
                        ,offset: 'rt' //右上角
                        ,anim: 5
                        ,shadeClose: true
                    });
                }
            });

        });
    </script>
    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

    <!--弹窗-->
    <script th:inline="javascript">

        a=[[${msg}]]
        if(a!=null)
        {alert(a);}
    </script>
</body>
</html>